<template>
	<view>
		<view class="item" v-for="item in list">
			<view class="row-between-center">
				<image src="/static/images/notice.png" class="item-icon"></image>
				<view class="item-time">{{item.time}}</view>
			</view>
			<view class="item-bg" style="margin-top: 20rpx;">
				<view class="item-title">{{item.content}}</view>
				<view class="item-name" v-if="item.type==1" style="margin-top: 20rpx;">活动时间：<span class="item-blue">{{item.start_time}}</span></view>
				<view class="item-name"  v-if="item.type==1">活动地点：<span class="item-blue">{{item.address}}</span></view>
			</view>
			<view class="item-line"></view>
			<view class="row-between-center" style="margin-top: 10rpx;">
				<view class="item-time">查看详情</view>
				<image src="/static/images/arrow_right_small.png" class="item-arrow"></image>
			</view>
		</view>
			<tabbar :tabIndex="2"></tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						'time':'2023-09-12 12:24:48',
						'content':'【鲁花粮油有限公司】申请并解除了与您【蜜雪冰城】店的合作',
						'type':'0'
					},
					{
						'time':'2023-09-12 12:24:48',
						'content':'【鲁花粮油有限公司】申请并解除了与您【蜜雪冰城】店的合作',
						'start_time':'08.12 12:00 - 08.20 12:00',
						'address':'青岛市市南区广西路60号',
						'type':'1'
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>
<style>
	page{
		background: #F2F3F8;
	}
</style>
<style scoped lang="scss">
	.item{
		margin: 20rpx;
		padding: 22rpx;
		border-radius: 12rpx;
		background: #FFF;
		.item-icon{
			width: 36rpx;
			height: 36rpx;
		}
		.item-time{
			color:  #6A6876;
			font-size: 20rpx;
			font-style: normal;
			font-weight: 400;
			line-height: 36rpx; /* 180% */
		}
		.item-bg{
			padding: 20rpx;
			border-radius: 12rpx;
			background: #F7F8FC;
		}
		.item-title{
			color:  #20252B;
			font-size: 26rpx;
			font-style: normal;
			font-weight: 500;
			line-height: 40rpx; /* 153.846% */
		}
		.item-line{
			margin-top: 40rpx;
			background: #E6E6E6;
			height: 1rpx;
		}
		.item-name{
			color: #6A6876;
			font-size: 24rpx;
			font-style: normal;
			font-weight: 400;
			line-height: 40rpx; /* 166.667% */
		}
		.item-arrow{
			width: 12rpx;
			height: 12rpx;
		}
		.item-blue{
			color: #3B60D3;
			font-size: 24rpx;
			font-style: normal;
			font-weight: 400;
			line-height: 40rpx; /* 166.667% */
		}
	}
</style>
